<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>忘记密码</title>
    <link rel="stylesheet" href="../../common/base.css">
    <link rel="stylesheet" href="../../css/forget-password.css">
</head>
<body>
    <header>
        <i class="go-back">
            <img src="../../img/go-back.png" alt="">
        </i>
        <h1 class="perfect-title">忘记密码</h1>
    </header>
    <div class="forget_password_content">
        <ul class="form">
            <li>
                <input type="text" placeholder="输入手机号" v-model="phone">
            </li>
            <li>
                <input type="text" placeholder="短信验证码" v-model="infoCode">
                <span class="get-code" @click="gainCode()">获取验证码</span>
                <span class="count-down hide"><span></span>s</span>
            </li>
            <li>
                <input type="password" placeholder="输入新密码" v-model="newPassWord">
                <i class="look" @click='toggleLook()'>
                    <img src="../../img/not-look.png">
                </i>
            </li>
        </ul>
        <div class="forget-password-btn" @click="forgetSubmit()">
            <a href="javascript:;">确定</a>
        </div>
    </div>

</body>
<script type="text/javascript" src="../../lib/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="../../lib/vue.js"></script>
<script type="text/javascript" src="../../lib/layer/layer.js"></script>
<script type="text/javascript" src="../../js/forget-password.js"></script>
</html>